function getFileType(fileName) {
    var ldot = fileName.lastIndexOf(".");
    var type = fileName.substring(ldot + 1);
    type = type.toLowerCase();
    return type;
};
$(function () {

  'use strict';

  var console = window.console || { log: function () {} },
  $alert = $('.docs-alert'),
  $message = $alert.find('.message'),
  showMessage = function (message, type) {
    $message.text(message);
    if (type) {
      $message.addClass(type);
    }
    $alert.fadeIn();
    setTimeout(function () {
      $alert.fadeOut();
    }, 3000);
  };

  // Demo
  // -------------------------------------------------------------------------

  (function () {
    var $image = $('.img-container > img'),
        $dataX = $('#dataX'),
        $dataY = $('#dataY'),
        $dataHeight = $('#dataHeight'),
        $dataWidth = $('#dataWidth'),
        $dataRotate = $('#dataRotate'),
        options = {
          // strict: false,
          // responsive: false,
          // checkImageOrigin: false

          // modal: false,
          // guides: false,
          // highlight: false,
          // background: false,

          // autoCrop: false,
          // autoCropArea: 0.5,
          // dragCrop: false,
          // movable: false,
          // resizable: false,
          // rotatable: false,
          // zoomable: false,
          // touchDragZoom: false,
          // mouseWheelZoom: false,

          // minCanvasWidth: 320,
          // minCanvasHeight: 180,
          // minCropBoxWidth: 160,
          // minCropBoxHeight: 90,
          // minContainerWidth: 320,
          // minContainerHeight: 180,

          // build: null,
          // built: null,
          // dragstart: null,
          // dragmove: null,
          // dragend: null,
          // zoomin: null,
          // zoomout: null,

          aspectRatio: 1 / 1,
          preview: '.img-preview',
          crop: function (data) {
            $dataX.val(Math.round(data.x));
            $dataY.val(Math.round(data.y));
            $dataHeight.val(Math.round(data.height));
            $dataWidth.val(Math.round(data.width));
            $dataRotate.val(Math.round(data.rotate));
          }
        };

    $image.on({
      'build.cropper': function (e) {
        console.log(e.type);
      },
      'built.cropper': function (e) {
        console.log(e.type);
      },
      'dragstart.cropper': function (e) {
        console.log(e.type, e.dragType);
      },
      'dragmove.cropper': function (e) {
        console.log(e.type, e.dragType);
      },
      'dragend.cropper': function (e) {
        console.log(e.type, e.dragType);
      },
      'zoomin.cropper': function (e) {
        console.log(e.type);
      },
      'zoomout.cropper': function (e) {
        console.log(e.type);
      }
    }).cropper(options);
      
    // Methods
    $(document.body).on('click', '[data-method]', function () {
      var data = $(this).data(),
          $target,
          result;

      if (data.method) {
        data = $.extend({}, data); // Clone a new one

        if (typeof data.target !== 'undefined') {
          $target = $(data.target);

          if (typeof data.option === 'undefined') {
            try {
              data.option = JSON.parse($target.val());
            } catch (e) {
              console.log(e.message);
            }
          }
        }

        result = $image.cropper(data.method, data.option);

        if (data.method === 'getCroppedCanvas') {
          $('#getCroppedCanvasModal').modal().find('.modal-body').html(result);
        }

        if ($.isPlainObject(result) && $target) {
          try {
            $target.val(JSON.stringify(result));
          } catch (e) {
            console.log(e.message);
          }
        }

      }
    }).on('keydown', function (e) {

      switch (e.which) {
        case 37:
          e.preventDefault();
          $image.cropper('move', -1, 0);
          break;

        case 38:
          e.preventDefault();
          $image.cropper('move', 0, -1);
          break;

        case 39:
          e.preventDefault();
          $image.cropper('move', 1, 0);
          break;

        case 40:
          e.preventDefault();
          $image.cropper('move', 0, 1);
          break;
      }

    });

     // Import image
     var $inputImage = $('#file');
	  $inputImage.on('change',function () {
		  var filePath = $inputImage.val();  
			if("" != filePath){  
			  var fileType = getFileType(filePath); 
			    //判断上传的附件是否为图片  
			  if("jpg"==fileType || "jpeg"==fileType  || "png"==fileType){
			    	  //ajax 文件上传
			          $.ajaxFileUpload({
				  			    url: '/sys/user/uploadUserPhoto',
				  			    secureuri: false,
				  			    fileElementId: 'file',
				  			    dataType: 'html',
				  			    success: function(data, status) {
				  			    	if(data == ""){
				  			    		alert("上传失败!");
				  			    		$('#upload').hide();
				  			    	}else if(data.split(":")[0] == 'false'){
				  			    		alert(data.split(":")[1]);
				  			    		$('#upload').hide();
				  			    	}else{
				  			    		//成功处理
				  				        $('#photo').val(data.split(":")[1]); 
				  				        $('#upload').show();
				  				        $image.cropper('reset', true).cropper('replace',"/sys/user/IoReadImage/tmp?name="+$('#photo').val());
				  			    	}
				  			    },
				  			    error: function (data, status, e){
				  					alert("上传失败!");
				  				}
				  			});
		    	}else{
		    		showMessage('图片格式不正确(支持jpg  jpeg  png)');		    		
		    	}
			  }
	  });
	  

  }());

});